<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../0_assets/js/mustache.min.js"></script>
    
</head>
<body>
    <div class="root">

    </div>
    <script>
        let root = document.querySelector('.root');
        let data = {
            // 简单数组就是这种，里面的数据都是基本类型数据。
            arr:[1,2,3]
        }
        // 简单数组的循环，直接在里面写个 . 也就是一个小数点就可以。
        let templateStr = `
            {{#arr}}
                <h1>{{.}}</h1>
            {{/arr}}
        `;
        root.innerHTML = mustache.render(templateStr,data);
    </script>
</body>
</html>